<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>flex学习</title>
    <style>
        ul{list-style:none;}
        li{ float: left; margin-right: 30px; padding: 10px 0;}
        a{color:#09a; font-size: 24px;}
    </style>
</head>
<body>
    <ul>
        <li><a href="justify-content.html">水平对齐</a></li>
        <li><a href="align-items.html">垂直对齐</a></li>
        <li><a href="flex-direction.html">排序方向</a></li>
    </ul>
</body>
</html>